<html>  
  <head>    
    <link href="style.css" rel="stylesheet" />
  </head>
    <body>
    
    <h1>This is Page2</h1>
    <a href="mainpage.htm">Home</a>
      
    <!-- Inline style changes -->    
    <p style="background-color:red;text-align:center;">

    <font  size="5" face="arial" color="white">
    This paragraph is in Arial, size 5, and in red text color.
    </font>
      
    </p>
    
    <p>
    <font size="3" face="verdana" color="blue">
    This paragraph is in Verdana, size 3, and in blue text color.
    </font>
    </p>
      
<p>
<img src="smiley.gif" alt="Smiley face" align="left" width="32" height="32" />
A paragraph with an image. The align attribute of the image is set to "left". The image will float to the left of this text.
</p>

<p>
<img src="smiley.gif" alt="Smiley face" align="right" width="32" height="32" />
A paragraph with an image. The align attribute of the image is set to "right". The image will float to the right of this text.
</p>
      

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm" />
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm" />
  <area shape="circle" coords="124,58,8" alt="Venus" href="vnus.htm" />
</map>
      
    <img src="DNA G-C.png" alt="Some More DNA" width="304" height="228" />
      
    </body>
    </html>
    